/******************************************************************
*** @mixin 指令
*******************************************************************/
@font-face {
	font-family: Ionicons;
	src: url(/assets/styles/fonts/ionicons.ttf?v=3.0.0) format("truetype"), url(/assets/styles/fonts/ionicons.woff?v=3.0.0) format("woff"), url(/assets/styles/fonts/ionicons.svg?v=3.0.0#Ionicons) format("svg");
	font-weight: 400;
	font-style: normal
}

@mixin center {
    display: flex;
    justify-content: center;
    align-items: center;
}
@mixin left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
@mixin right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


/******************************************************************
*** @function 函数
*******************************************************************/
/**
 px 转 rem
 1rem = fontSize px
 1px = (1 / fontSize)rem
*/
$fontSize: 37.5;
@function px2rem($px) {
    @return ($px / fontSize) + rem
}



/******************************************************************
*** Variables $ 变量
*******************************************************************/
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;




/******************************************************************
*** 内外边距
*******************************************************************/
.margin-top-8{
    margin-top: 8px;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-left-5{
    margin-left: 5px;
}
.margin-left-10{
    margin-left: 10px;
}
.margin-bottom-5{
    margin-bottom: 5px;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-bottom-100{
    margin-bottom: 100px;
}
.margin-right-5{
    margin-right: 5px;
}
.margin-right-10{
    margin-right: 10px;
}
.padding-left-6{
    padding-left: 6px;
}
.padding-left-8{
    padding-left: 5px;
}
.padding-left-10{
    padding-left: 10px;
}
.padding-left-20{
    padding-left: 20px;
}
.height-100{
    height: 100%;
}
.height-120px{
    height: 100px;
}
.height-200px{
    height: 200px;
}
.height-492px{
    height: 492px;
}
.height-460px{
    height: 460px;
}
.line-gray{
    height: 0;
    border-bottom: 1px solid #dcdcdc;
}
.notwrap{
    word-break:keep-all;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.padding-left-5{
    padding-left: 10px;
}
.lh-30 {
    line-height: 30px;
}
.lh-35 {
    line-height: 35px;
}
.lh-38 {
    line-height: 37px;
}
.lh-40 {
    line-height: 40px;
}
.lh-45 {
    line-height: 45px;
}

.no-padding {
    padding: 0;
}
.no-margin {
    margin: 0;
}